﻿@model DanaZhangCms.Domain.ViewModel.HomeIndexViewModel
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<div class="rollpic">
    <div data-am-widget="slider" class="am-slider am-slider-default" data-am-slider='{}'>
        <ul class="am-slides">
            @foreach (var item in Model.Banners)
            {
                <li><img src="@item.ImgUrl" /></li>
            }
        </ul>
    </div>
</div>
<div class="am-container-1">
    <div class="solutions part-all">
        <div class="part-title">
            <a href="solutions.html">
                <i class="am-icon-lightbulb-o part-title-i"></i>
                <span class="part-title-span">解决方案</span>
                <p>Solutions</p>
            </a>
        </div>
        <ul class="am-g part-content solutions-content">
            <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                <i class="am-icon-safari solution-circle"></i>
                <span class="solutions-title">网站、移动网站</span>
                <p class="solutions-way">微信公众号开发移动网站微信公众号开发</p>
            </li>
            <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                <i class="am-icon-magic solution-circle"></i>
                <span class="solutions-title">网站、移动网站</span>
                <p class="solutions-way">移动网站微信公众号开发移动网站微信公众号开发,解决方案</p>
            </li>
            <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                <i class="am-icon-phone solution-circle"></i>
                <span class="solutions-title">网站、移动网站</span>
                <p class="solutions-way">移动网站微信公众号开发移动网站微信公众号开发</p>
            </li>
            <li class="am-u-sm-6 am-u-md-3 am-u-lg-3">
                <i class="am-icon-hacker-news solution-circle"></i>
                <span class="solutions-title">网站、移动网站</span>
                <p class="solutions-way">网站、移动网站微信公众号开发移动网站微信公众号开发,解决方案</p>
            </li>

        </ul>

    </div>
</div>
<div class="gray-li">
    <div class="customer-case part-all ">
        <div class="part-title">
            <a href="/anli.html">
                <i class=" am-icon-briefcase part-title-i"></i>
                <span class="part-title-span">客户案例</span>
                <p>Customer Case</p>
            </a>
        </div>


        <ul data-am-widget="gallery" class="am-avg-sm-1
            am-avg-md-4 am-avg-lg-4 am-gallery-bordered customer-case-content">
            @foreach (var item in Model.Anli)
            {
                <li class="case-li am-u-sm-6 am-u-md-6 am-u-lg-3">
                    <div class="am-gallery-item case-img1">
                        <a href="@Url.Action("Content","Article",new { id=item.Id})">
                            <img src="@item.ImgUrl" />

                        </a>
                    </div>
                    <div class="case-li-mengban">
                        <div class="case-word">
                            <h3 class="am-gallery-title">@item.Title</h3>
                            <p>@item.AddTime.ToString("yyyy-MM-dd")</p>
                            <a href="@Url.Action("Content","Article",new { id=item.Id})"><span><i class="am-icon-eye"></i>查看更多</span></a>
                        </div>
                    </div>
                </li>

            }



        </ul>
        <div class="lan-bott">
            <div class="left">
                <span>全方位解决方案,为您轻松解决不同问题</span>
                <p>A full range of solutions for you to solve different problems</p>
            </div>
            <div class="right">
                <a href="/anli.html">
                    <span class="see-more">查看更多<i class="am-icon-angle-double-right"></i></span>
                </a>
            </div>
            <div class="clear"></div>
        </div>
        <div class="part-title">

        </div>
    </div>
</div>




<div class="news-all">
    <div class="am-container-1">
        <div class="news part-all">
            <div class="part-title">
                <a href="/xinwen.html">
                    <i class="am-icon-newspaper-o part-title-i"></i>
                    <span class="part-title-span">新闻动态</span>
                    <p>DanaZhangCms News</p>
                </a>
            </div>
            <div class="news-content ">
                <ul class="news-content-ul">
                    @foreach (var item in Model.News)
                    {
                        <li class="am-u-sm-12 am-u-md-6 am-u-lg-6">
                            <a href="@Url.Action("Content","Article",new { id=item.Id})">
                                <div class="am-u-sm-12 am-u-md-12 am-u-lg-5">
                                    <div class="news-img">
                                        <img src="@item.ImgUrl"></img>
                                    </div>
                                </div>
                                <div class=" am-u-sm-12 am-u-md-12 am-u-lg-7">
                                    <span class="news-right-title">@item.Title</span>
                                    <p class="news-right-time">@item.AddTime.ToString("yyyy-MM-dd")</p>
                                    <p class="news-right-words">@(item.ZhaiYao.Length > 20 ? item.ZhaiYao.Substring(0, 20) + "..." : item.ZhaiYao)</p>
                                    <a><span class="see-more2">查看更多<i class="am-icon-angle-double-right"></i></span></a>
                                </div>
                                <div class="clear"></div>
                            </a>
                        </li>
                    }

                    <div class="clear"></div>
                </ul>
                <div class="clear"></div>
            </div>
        </div>
    </div>
</div>
